<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:cc="http://java.sun.com/jsf/composite/customcomponents"
	contentType="text/html">
	
	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title><h:outputText value="#{label['exampleBeanCRUD.title']} - #{label['appNameTitle']}"/></title>
	</h:head>	
	<h:body>
		<cc:LatamHeader userInfo="true">
			<cc:AppHeaderMenu/>
		</cc:LatamHeader>
		
		<h:form id="form"  > 	
 		<p:growl id="growl" showDetail="true" />
 	
		   <p:messages id="messages" showDetail="false" autoUpdate="true" closable="true" />
 		<p:panel id="panelData" styleClass="latam_body_panel" style="margin:auto;width:800px">
 	
 	
 	
 		<hr/>
 		<h:panelGrid id="panelAdmision" columns="7" style="margin:auto;">
 		
 		
	 	<p:outputLabel value="#{label['label.rol']}: "/>
		<p:inputText id="rol" value="#{admisionListenerMB.cabecera.rol}" required="true">
			 <p:ajax event="blur" update="@form :growl :listForm:listOfExampleBean" listener="#{admisionListenerMB.searchCabeceraKeyEvent}" />
		</p:inputText>		
		<p:spacer/>
		

		<p:outputLabel value="#{label['label.isapre']}: "/>
		<p:inputText id="isapre" disabled="true" value="#{admisionListenerMB.isapre.nombre}"  />
		
		<p:outputLabel value="#{label['label.numero.pam.isapre']}: "/>
		<p:inputText id="pam" value="#{admisionListenerMB.numPam}" disabled="#{!admisionListenerMB.existeEnAdmision}" required="true" >
			 <f:validateLength minimum="2" />		
			  <p:ajax event="blur" update="@form :growl :listForm:listOfExampleBean" listener="#{admisionListenerMB.searchDetalleKeyEvent}" />
		</p:inputText>
		
		
		

		<p:outputLabel value="#{label['label.nombre.beneficiario']}: "/>
		<p:inputText id="beneficiario" disabled="true"  value="#{admisionListenerMB.paciente.nombrepaciente} #{admisionListenerMB.paciente.apellidopaterno}" />
		<p:spacer/>
	
		<p:outputLabel value="#{label['label.fecha.nacimiento']}: "/>
		<p:inputText id="nacimiento" disabled="true" value="#{admisionListenerMB.paciente.fechaNacimiento}"  >
		<f:convertDateTime pattern="dd-MM-yyyy" />
		</p:inputText>
	
		<p:outputLabel value="#{label['label.sex']}: "/>
		<p:inputText id="sex" disabled="true" value="#{admisionListenerMB.paciente.sexo}" />
	 		
		<p:outputLabel value="#{label['label.nombre.afiliado']}: "/>
		<p:inputText id="afiliado" disabled="true" value="#{admisionListenerMB.beneficiario.nombrepaciente} #{admisionListenerMB.beneficiario.apellidopaterno}" />
		<p:spacer/>
	
		<p:outputLabel value="#{label['label.rut']}: "/>
		<p:inputText id="rut" disabled="true" value="#{admisionListenerMB.beneficiario.rutpaciente}" />
	   </h:panelGrid>	
	   <hr/>
	   
	  
	   
	     <p:selectOneRadio id="tipoPam"  value="#{admisionListenerMB.tipoPam}"  >
	     
	        <f:selectItem itemLabel="P.A.M Normal" itemValue="P.A.M Normal"  />
            <f:selectItem itemLabel="P.A.M Urgencia Horario Habil" itemValue="P.A.M Urgencia Horario Habil"  />
            <f:selectItem itemLabel="P.A.M Urgencia Horario No Habil" itemValue="P.A.M Urgencia Horario No Habil"  />
            	<p:ajax listener="#{admisionListenerMB.cargaTiposPam}" />
        </p:selectOneRadio>
      
        <hr/>
	   
	   
	   
	   <p:selectManyCheckbox id="tipoAtencion" value="#{admisionListenerMB.tipoAtencioList}">
            <f:selectItem itemLabel="Ambulatorio" itemValue="Ambulatorio" />
            <f:selectItem itemLabel="Via laparoscopica" itemValue="Laparoscopica"  />
            <f:selectItem itemLabel="Con Microscopio" itemValue="Microscopio" />
             <f:selectItem itemLabel="Pam Fuera Plazo" itemValue="Pam Fuera Plazo"/>
             	<p:ajax listener="#{admisionListenerMB.cargaTipoAtencion}" />
        </p:selectManyCheckbox>
		
	  	   <hr/>
	  	
		<p:outputLabel value="#{label['label.medico.tratante']}: "/>
	  	<h:panelGrid columns="5" style="margin:auto;">
 	 	<p:outputLabel value="#{label['label.rut']}: "/>
 			<p:inputText id="rutMedico" disabled="true" value="#{admisionListenerMB.profesional.rut}"   />
 		<p:outputLabel value="#{label['label.nombre']}: "/>
 		<p:spacer></p:spacer>
 			<p:inputText id="nomMedico" disabled="true" value="#{admisionListenerMB.profesional.nombre} #{admisionListenerMB.profesional.apellido} #{admisionListenerMB.profesional.apellidoMaterno}" />
 		</h:panelGrid>
 		
	
	   <hr/>
	   
	   
	     <p:selectOneRadio id="prestacion" value="#{admisionListenerMB.tienePrestacion}">
            <f:selectItem itemLabel="Con prestacion" itemValue="Con prestacion"  />
            <f:selectItem itemLabel="Sin Prestacion" itemValue="Sin Prestacion"/>
            	<p:ajax listener="#{admisionListenerMB.cargaPrestacion}" />
        </p:selectOneRadio>
        
        <hr/>
        
        		<p:button  value="Reset" />
        
        
		</p:panel>
		
		
	
		
		
		
	
			
		</h:form>
		<p:growl id="growl" showDetail="false" sticky="false" severity="info"/>
		
		<h:form id="listForm">
			<p:panel styleClass="latam_body_panel">
				<p:dataTable id="listOfExampleBean"
					rows="10" 
					paginator="true"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15"    
					var="bean" value="#{admisionListenerMB.detalleBeanList}"
					editable="true">	
					<f:facet name="header">#{label['label.detalle']}</f:facet>
					
					<p:column headerText="#{label['label.rut.profesional']}:" > 
						<h:outputText value="#{bean.rutProfesional}" />
					</p:column>

					<p:column headerText="#{label['label.nombre.profesional']}:" >
						<h:outputText value="#{bean.nombreProfesional}" />
					</p:column>				
					
					<p:column headerText="#{label['label.tipo.int']}:" >
						<h:outputText value="#{bean.tipoIntervencion}" />
					</p:column>	
					<p:column headerText="#{label['label.codigo.prestacion']}:" >
						<h:outputText value="#{bean.codigoPrestacion}" />
					</p:column>			
					<p:column headerText="#{label['label.nombre.prestacion']}:" >
						<h:outputText value="#{bean.nombrePrestacion}" />
					</p:column>			
					<p:column headerText="#{label['label.valor.prestacion']}:" >
						<h:outputText value="#{bean.valorPrestacion}" />
					</p:column>			
					<p:column headerText="#{label['label.cantidad']}:" >
						<h:outputText value="#{bean.cantidad}" />
					</p:column>			
					<p:column headerText="" >
						<p:commandButton 
							title="#{label['exampleBeanCRUD.edit']}"
							icon="ui-icon-pencil" 							
							oncomplete="editItemDialogwidget.show();" 
							update=":editItemForm">
							<f:setPropertyActionListener value="#{bean}" target="#{admisionListenerMB.detalle}" /> 						
						</p:commandButton>
						<p:commandButton 
							title="#{label['exampleBeanCRUD.remove']}"
							icon="ui-icon-trash"
							oncomplete="removeItemDialogwidget.show();" 
							update=":removeItemForm">
							<f:setPropertyActionListener value="#{bean}" target="#{admisionListenerMB.detalle}" /> 						
						</p:commandButton>
					</p:column>
					<f:facet name="footer">
	                   	<p:commandButton value="#{label['label.agregar.prestacion']}" 
	                   		onclick="newItemDialogwidget.show();" 
	                   		icon="ui-icon-star" 
	                   		actionListener="#{admisionListenerMB.createNew}"
	                   		 update=":growl"
	                   		title="#{label['label.agregar.prestacion']}"
	                   		disabled="#{!admisionListenerMB.puedoAgregar}"
	                   		/>
	               	</f:facet>
				</p:dataTable>
			</p:panel>
			

			
		</h:form>
		
		<p:dialog 				
			id="newItemDialog" widgetVar="newItemDialogwidget" 
			resizable="false" closable="true" modal="true"
			showEffect="fade" hideEffect="drop"
			header="#{label['title.identificacion.beneficiario']}">
			<h:form id="newItemForm">
				<h:panelGrid columns="2" >		
				
					<h:outputText value="#{label['label.rut.profesional']}:"/>
					<p:inputText id="rut" required="true"  value="#{admisionListenerMB.detalle.rutProfesional}"  >
					 	<p:ajax event="blur" update="rut nombre" listener="#{admisionListenerMB.profesionalHandleKeyEvent}" />
					</p:inputText>
					<p:spacer width="150" height="1"/>
					<p:message for="rut" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.nombre.profesional']}:"/>
					<p:inputText id="nombre" required="true" value="#{admisionListenerMB.detalle.nombreProfesional}"  disabled="true"/> 
					<p:spacer width="150" height="1"/>
					<p:message for="nombre" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.tipo.int']}:"/>
			   	  	 <p:selectOneMenu required="true" id="tipoIntervencion" value="#{admisionListenerMB.detalle.tipoIntervencion}">
			            <f:selectItem itemLabel="Select One"    />
			            <f:selectItems value="#{admisionListenerMB.tipoIntervencionList}" var="c"   itemLabel="#{c.accion}" itemValue="#{c.accion}"/>
		    	    </p:selectOneMenu>

						<p:spacer width="150" height="1"/>
					<p:message for="tipoIntervencion" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.codigo.prestacion']}:"/>
					<p:inputText required="true" id="codigoPrestacion" value="#{admisionListenerMB.detalle.codigoPrestacion}"  >
					 	 <p:ajax event="blur" update="nombrePrestacion valorPrestacion" listener="#{admisionListenerMB.prestacionIsapreHandleKeyEvent}" />
					 </p:inputText>
					<p:spacer width="150" height="1"/>
					<p:message for="codigoPrestacion" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.nombre.prestacion']}:"/>
					<p:inputText required="true" id="nombrePrestacion" value="#{admisionListenerMB.detalle.nombrePrestacion}" disabled="true" />
					<p:spacer width="150" height="1"/>
					<p:message for="nombrePrestacion" showSummary="true"  showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.valor.prestacion']}:"/>
					<p:inputText required="true" id="valorPrestacion" disabled="true"  value="#{admisionListenerMB.detalle.valorPrestacion}" />
					<p:spacer width="150" height="1"/>
					<p:message for="valorPrestacion" showSummary="true" showDetail="false" display="both"/>
				
					<h:outputText value="#{label['label.cantidad']}:"/>
					<p:inputText  required="true" id="cantidad"   value="#{admisionListenerMB.detalle.cantidad}" />
					<p:spacer width="150" height="1"/>
					<p:message for="cantidad" showSummary="true" showDetail="false" display="both"/>
		
				</h:panelGrid>
				
				<p:panel style="text-align: center; border-width: 0px;">
					<p:commandButton value="#{label['exampleBeanCRUD.save']}" 
						oncomplete="handleNewExampleBeanRequest(xhr, status, args);" 
						actionListener="#{admisionListenerMB.saveDetalle}" 
						update="@form :growl :listForm:listOfExampleBean" />
					<p:commandButton value="#{label['exampleBeanCRUD.cancel']}"
						onclick="newItemDialogwidget.hide(); return false;" />
				</p:panel>
			</h:form>		

			<script type="text/javascript">  
 		    	function handleNewExampleBeanRequest(xhr, status, args) {  
 		        	if(args.validationFailed) { 
 		            	jQuery('#newItemDialog').effect("shake", { times:3 }, 100);
 		        	} else {
		        		newItemDialogwidget.hide();		        
		        	}
 		    	}
 			</script>
		</p:dialog>

		<p:dialog 				
			id="editItemDialog" widgetVar="editItemDialogwidget"
			resizable="false" closable="true" modal="true"
			showEffect="fade" hideEffect="drop"			 
			header="#{label['exampleBeanCRUD.editItemDialog.header']}">
			<h:form id="editItemForm">

				<h:panelGrid columns="2" >		
				
					<h:outputText value="#{label['label.rut.profesional']}:"/>
					<p:inputText id="rut" required="true"  value="#{admisionListenerMB.detalle.rutProfesional}"  >
					 	<p:ajax event="blur" update="rut nombre" listener="#{admisionListenerMB.profesionalHandleKeyEvent}" />
					</p:inputText>
					<p:spacer width="150" height="1"/>
					<p:message for="rut" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.nombre.profesional']}:"/>
					<p:inputText id="nombre" required="true" value="#{admisionListenerMB.detalle.nombreProfesional}"  disabled="true"/> 
					<p:spacer width="150" height="1"/>
					<p:message for="nombre" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.tipo.int']}:"/>
			   	  	 <p:selectOneMenu required="true" id="tipoIntervencion" value="#{admisionListenerMB.detalle.tipoIntervencion}">
			            <f:selectItem itemLabel="Select One"    />
			            <f:selectItems value="#{admisionListenerMB.tipoIntervencionList}" var="c"   itemLabel="#{c.accion}" itemValue="#{c.accion}"/>
		    	    </p:selectOneMenu>

						<p:spacer width="150" height="1"/>
					<p:message for="tipoIntervencion" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.codigo.prestacion']}:"/>
					<p:inputText required="true" id="codigoPrestacion" value="#{admisionListenerMB.detalle.codigoPrestacion}"  >
					 	 <p:ajax event="blur" update="nombrePrestacion valorPrestacion" listener="#{admisionListenerMB.prestacionIsapreHandleKeyEvent}" />
					 </p:inputText>
					<p:spacer width="150" height="1"/>
					<p:message for="codigoPrestacion" showSummary="true" showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.nombre.prestacion']}:"/>
					<p:inputText required="true" id="nombrePrestacion" value="#{admisionListenerMB.detalle.nombrePrestacion}" disabled="true" />
					<p:spacer width="150" height="1"/>
					<p:message for="nombrePrestacion" showSummary="true"  showDetail="false" display="both"/>
					
					<h:outputText value="#{label['label.valor.prestacion']}:"/>
					<p:inputText required="true" id="valorPrestacion" disabled="true"  value="#{admisionListenerMB.detalle.valorPrestacion}" />
					<p:spacer width="150" height="1"/>
					<p:message for="valorPrestacion" showSummary="true" showDetail="false" display="both"/>
				
					<h:outputText value="#{label['label.cantidad']}:"/>
					<p:inputText  required="true" id="cantidad"   value="#{admisionListenerMB.detalle.cantidad}" />
					<p:spacer width="150" height="1"/>
					<p:message for="cantidad" showSummary="true" showDetail="false" display="both"/>
		
				</h:panelGrid>
	
				<p:panel style="text-align: center; border-width: 0px;">
					<p:commandButton value="#{label['pamBeanCRUD.update']}" 
						actionListener="#{admisionListenerMB.updateDetalle}"
						oncomplete="handleEditExampleBeanRequest(xhr, status, args);" 
				update="@form :listForm:listOfExampleBean" />
					<p:commandButton value="#{label['pamBeanCRUD.cancel']}"
						onclick="editItemDialogwidget.hide(); return false;" />
				</p:panel>
			</h:form>		
			<script type="text/javascript">  
 		    	function handleEditExampleBeanRequest(xhr, status, args) {  
 		        	if(args.validationFailed) { 
 		            	jQuery('#editItemForm').effect("shake", { times:3 }, 100);
 		        	} else {
 		        		editItemDialogwidget.hide();		        
		        	}
 		    	}
 			</script>
		</p:dialog>
	 	 
		<p:dialog 				
			id="removeItemDialog" widgetVar="removeItemDialogwidget"
			resizable="false" closable="true" modal="true"
			showEffect="fade" hideEffect="drop"			 
			header="#{label['exampleBeanCRUD.removeItemDialog.header']}">
			<h:form id="removeItemForm">
				<h:panelGrid columns="2" >
					<h:outputText value="#{label['label.rut']}: "/>
					<h:outputText value="#{admisionListenerMB.detalle.rutProfesional}"/>
					
					<h:outputText value="#{label['exampleBeanCRUD.form.name']}:"/>
					<h:outputText value="#{admisionListenerMB.detalle.nombreProfesional}"/>
				</h:panelGrid>
	
				<p:panel style="text-align: center; border-width: 0px;">
					<p:commandButton value="#{label['exampleBeanCRUD.remove']}" 
						actionListener="#{admisionListenerMB.remove}"
						oncomplete="handleRemoveExampleBeanRequest(xhr, status, args);" 
						update="@form :growl :listForm:listOfExampleBean" />
					<p:commandButton value="#{label['exampleBeanCRUD.cancel']}"
						onclick="removeItemDialogwidget.hide(); return false;" />
				</p:panel>
			</h:form>		
			<script type="text/javascript">  
		    	function handleRemoveExampleBeanRequest(xhr, status, args) {  
		        	if(args.validationFailed) {
		            	jQuery('#removeItemDialog').effect("shake", { times:3 }, 100);
		        	} else {
		        		removeItemDialogwidget.hide();		            
		        	}
		    	}
			</script>	
		</p:dialog>	 
	

		
		<cc:LatamFooter/>
	</h:body>
</f:view>